<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>停机详情</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
    <link rel="bookmark" href="../favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/searchRecord.css" />
    <!--[if lt IE 9]>
    <script src="js/lib/html5shiv.js"></script>
    <![endif]-->
    <script src="js/lib/flexible.js"></script>
    <!--Fundebug-->
    <script src="https://og6593g2z.qnssl.com/fundebug.0.0.8.min.js" releasestage="production" appversion="2.0.0" apikey="550b91502d846d0acea9d2213fa06e887a38568ac4c3eca71fed43aef34c904b"></script>
</head>
<body>

<!--加载中 -->
<div class="spinner" id="spinner">
    <div class="spinner-container container1">
        <div class="circle1"></div>
        <div class="circle2"></div>
        <div class="circle3"></div>
        <div class="circle4"></div>
    </div>
    <div class="spinner-container container2">
        <div class="circle1"></div>
        <div class="circle2"></div>
        <div class="circle3"></div>
        <div class="circle4"></div>
    </div>
    <div class="spinner-container container3">
        <div class="circle1"></div>
        <div class="circle2"></div>
        <div class="circle3"></div>
        <div class="circle4"></div>
    </div>
</div>
<!--加载中 end-->

<div class="main" id="main" style="display: none">
    <div class="equipmentInfo">
        <div class="equipmentInfoTitle">设备信息</div>
        <div class="equipmentInfoCon">
            <p>固定资产编号：{{nickcode}}</p>
            <p>部门：{{departmentName}}</p>
            <p>类型：{{modelName}}</p>
            <p>品牌：{{brandName}}</p>
            <p>系统：{{systemBrand}}</p>
            <p>型号：{{no}}</p>
        </div>
    </div>
    <div class="equipmentState" v-for="item in equipmentRecord">
        <div class="equipmentStateTitle"><span v-bind:class="downtimeType(item.type)">{{item.type==''?'未知类型':item.type}}</span></div>
        <div class="equipmentStateCon">
            <div class="equipmentStateLi" v-if="item.type=='故障停机'&&statusShow(item.status)">
                <p>当前维修状态：</p><p style="color: #1688ff" v-on:click="nativeClick(item)">{{downtimeStatus(item.status)}}</p>
            </div>
            <div class="equipmentStateLi" v-if="item.type=='故障停机'&&!statusShow(item.status)">
                <p>当前维修状态：</p><p>{{downtimeStatus(item.status)}}</p>
            </div>
            <div class="equipmentStateLi">
                <p>停机开始：</p><p>{{item.stopDate}}</p>
            </div>
            <div class="equipmentStateLi">
                <p>停机时间：</p><p>{{timeDiff(item.timeDiff)}}</p>
            </div>
            <div class="equipmentStateLi">
                <p>状态更改人员：</p><p>{{item.changBy}}</p>
            </div>
            <div class="equipmentStateLi">
                <p class="stopNote">备注：</p><p v-html="item.remark"></p>
            </div>
            <div class="equipmentStateLi">
                <p>预警等级：</p><p>{{item.level}}</p>
            </div>
            <div class="equipmentStateLi">
                <p>已被通知人员：</p><p>{{item.notify}}</p>
            </div>
        </div>
    </div>
</div>

<script src="js/lib/zepto.min.js"></script>
<script src="js/lib/vue.min.js"></script>
<script src="js/layer/mobile/layer.js"></script>
<script src="js/common.js"></script>
<script src="js/aescon.js"></script>
<script src="js/searchRecord.js"></script>

</body>
</html>
